/*
ESTILOS GENERALES PARA P�GINAS DE ESYMONS


*/
table { border-spacing: 0px; empty-cells: show }
img { border: 0px; vertical-align: middle; } 
a { text-decoration: none; color: blue }
a:hover { text-decoration: underline }
    /*cuando no se desea un enlace de color*/
    .colorTexto { color: #444 }
    /*elemento de lista seleccionado*/
    .colorSeleccionado { color: white; background-color: gray; } 

/*Div con color de fondo para cuadro de b�squeda*/
#divFondobusqueda{
    border: 1px solid #00004f; 
    margin-top:5px; white-space: normal;
    background: #A52A2A url(../img/thead.png) repeat-x top;
    /*-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;*/
}
#divFondobusqueda p.titu{
    margin-left: 5px; font-size: 12px; font-weight:bold; color:white;
}
#divFondobusqueda table.form{
    margin-left: 15px; color: black;
}
#divFondobusqueda div{
    margin-top:10px; margin-bottom:10px;
    text-align: center;
    
}
/*[TABLAS] PARA (QUERIES, ETC) class="tabla"*/
table.tabla { 
    border: 1px solid #505070; margin: 10px 0px 10px 0px; 
}
table.tabla_concaption { 
    border: 1px solid #505070; margin: 0px 0px 10px 0px; 
    border-top: none;
}
table.tabla thead,table.tabla_concaption thead { 
    background: #9D0102 url(../img/thead.png) repeat-x top; color: #dde;
    font-size: 10px;
    text-align: center;
} 
table.tabla tfoot tr, table.tabla_concaption tfoot tr {
   background: #223761 url(img/thead.png) repeat-x top; color: #dde;
   font-size: 10px;
   text-align: center;
}
.nobg { /* quitar el fondo al pie de las tablas */
    background: white !important; color: #444;
}
table.tabla_concaption caption{
    border: 1px solid #505070; border-bottom-color: silver; padding: 2px;
    background: #A52A2A url(../img/table_caption.png) repeat-x bottom; color: #dde;
    margin: 10px 0px 0px 0px; border-bottom: none; font-weight: bold; 
    text-align: center; 
    -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
}
table.tabla th, table.tabla_concaption th  { padding: 3px 5px; cursor: default; }
table.tabla th a, table.tabla_concaption th a { color: white }
table.tabla th a:hover, table.tabla_concaption th a:hover { color: #ccf }

table.tabla tr.resaltada, table.tabla_concaption tr.resaltada  { 
    background: #ffd; cursor: default;
}
table.tabla tr.par, table.tabla_concaption tr.par  { 
    background: rgb(246,246,247) url(img/filapar.png) repeat-x bottom;
    cursor: default;
}
table.tabla tr.impar, table.tabla_concaption tr.impar  { 
    background: white url(img/filaimpar.png) repeat-x bottom ; 
    cursor: default;
}
table.tabla td, table.tabla_concaption td { 
    margin: 0px; padding: 2px 5px; 
}
/** Todos los datos en may�sculas */
/*table.tabla td, table.tabla_concaption td*/
tr.impar, tr.par { 
    text-transform: uppercase; font-size: smaller 
}


/*[FORMULARIOS]*/
table.form { margin-top: 10px; margin-bottom: 10px }
/*formularios dentro de celdas, IE y Opera agregan un salto de l�nea*/
td form { display: inline }
/*controles de cuadro de texto*/
input[type="text"], input[type="password"], textarea, select { 
    padding: 2px;
    font-family: Verdana, Kedage, sans; font-size: small; 
    border-top: 1px solid #889; border-left: 1px solid #889;
    border-bottom: 1px solid #aab; border-right: 1px solid #aab;
    background: white url(img/fondo_input.png) repeat-x top;
    
    -moz-border-radius: 2px;
}
input.noborder { border: none; background: none } /*para radiobuttons y checkboxes*/
input.validar_error { border: 1px solid #d44; background: #fdd } /* con error */
td.label { 
    text-align: right; vertical-align: top; padding-top: 3px; padding-right: 10px;
    white-space: nowrap}
/* sin padding, para grids sin inputs (solo texto) */
td.label2 { 
    vertical-align: top; padding-right: 5px;
    white-space: nowrap} 
/*nowrap para evitar que el icono de error de validacion pase a la siguiente l�nea*/
td.label3 { text-align: right; vertical-align: top; padding-top: 3px; padding-right: 10px;
    white-space: nowrap; font-weight: bold; font-size: 11px }

td.input { white-space: nowrap; vertical-align: top;text-align: left; }
/* Monedas y n�meros, alineados a la derecha */
.nomay { text-transform: none !important; /*font-size: small !important;*/ } /* no forzar may�sculas */
.right { text-align: right }
.left { text-align: left }
.centrar { text-align: center }
.top { vertical-align: top }
.bottom { vertical-align: bottom }
.moneda, .num { 
    text-align: right; font-family: Lucida Console, DejaVu Sans Mono, monospace; 
    white-space: nowrap; 
}
.nowrap {white-space: nowrap}
.resalte { font-weight: bold }
.resalteColor { font-weight: bold; /* color: #3c9358*/ }
.resalteError { font-weight: bold; color: #cc0000 }

/* barra de navegaci�n tag "s:paginator" */
.nav { width: 100%; color: #444; padding: 0px }
.navBtn { width: 20px; padding: 0px }
.navBtn img { margin: 0px }
.navText {
    font-weight: bold; font-size: 10px; text-align: center; 
    background: white url(img/fondo_input.png) repeat-x top;
    text-transform: none !important;
    -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
}
.navBtn_first, .navBtn_previous, .navText, .navBtn_next, .navBtn_last { 
    border-style: solid; border-width: 1px; border-color: #BBB #888 #888 #BBB;
    padding: 0px;
}
.navBtn_first, .navBtn_previous, .navBtn_next, .navBtn_last { 
    width: 20px; border: none; padding: 0px;
}

